<template>
  <Row type="flex" :gutter="8">
      <Col span="6" order="4" v-for="i in 8">
      <transition name="fade" mode="out-in">
        <card v-on:click.native="gotoPosts()" :duration="1">
          <p slot="title">标题</p>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid culpa eius eum ex ipsam labore laborum libero
            maiores nam, nemo nulla pariatur praesentium quam quia sint, veritatis voluptas! Quia, vel.</p>
        </card>
      </transition>

      </Col>
  </Row>

</template>
<script>
  export default{
    data () {
      return {}
    },
    methods: {
      gotoPosts: function () {
        this.$router.push('/posts')
      }
    }
  }
</script>
